<template>
    <footer class="component-footer-bar">
        <div class="footer">
            <ul class="fbnav">
           <li>关于我们</li>
           <li>法律声明及隐私权政策</li>
           <li>友情链接</li>
       </ul>
       <!-- <p>浙江壹潘科技有限公司提供平台技术支持
         &nbsp;&nbsp;|&nbsp;&nbsp;
        <a>使用帮助</a>
        &nbsp;&nbsp;|&nbsp;&nbsp;
        <a>联系客服</a> 
        </p>-->
        </div>
    </footer>
</template>

<script>
    export default {
        props: {

        },
        data(){
            return {

            }
        },
        computed:{

        },
        methods:{

        }
    }
</script>

<style lang="scss" scoped>
    @import "../sass/_variables";
    @import "../sass/_extends";
    @import "../sass/_mixins";
    .footer{
        height:100%;
        letter-spacing: 2px;
        position:relative;
    }
    .component-footer-bar{
        line-height: 0px;

    }
    .component-footer-bar{
        font-size: 12px;
        height:100%;
        background:url('../images/footerbg.jpg');
        background-size:100% 100%;
        width: 100%;
        color:$dark;
        box-sizing:border-box;
        a{
            color:#fff;
        }
        p{
             width: 910px;
             margin:0px auto;
             margin-top:80px;
             /* position: relative; */
             // left:-4px; 
             height: 20px;  
             color:#afafaf;
             font-size:14px;    
        }
    }
    .fbnav li{
        float:left;
        padding-right:20px;
        height:20px;
        font-size: 16px;
        line-height: 20px;
        color:#fff;
    }
    .fbnav{
        height: 20px;
        width: 910px;
        position:absolute;
        bottom:24%;
        left:20%;
    }
    

</style>
